<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>创新设计</title>
	<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
	<meta content="yes" name="apple-mobile-web-app-capable"/>
	<meta content="black" name="apple-mobile-web-app-status-bar-style"/>
	<meta content="telephone=no" name="format-detection"/>
    <script src="<?php echo base_url().'public/home/js/' ?>jquery.js"></script>
	<?php include_once "public/home/html/bootstrap.php"  ?>
	<link rel="stylesheet" href="<?php echo base_url().'public/assets/css/' ?>font-awesome.min.css">

</head>
<style type="text/css">
*{
	font-size: 14px;
}
	.head{
		width: 100%;
		height: 60px;
		background: #f2f2f2;
	}
	.head .col-xs-3 img{
		height: 30px;
		width: 40px;
		margin-top: 10px;
	}
	.head .col-xs-9 img{
		height: 50px;
		width: 130px;
		margin-left: 20px;
	}
	.content{
		margin:5% 5% 8% 5%;
	}
	.content .banner{
		text-align: center;
		margin-top: 5%;
		box-shadow:0px 0px 10px #9b9b9b
	}
	.content div img{
		width: 100%;
		height: 150px;
	}
	.title{
		margin-left: 6%;
		margin-top: 5%
	}
	.title_font{
		color: #a53942;
	}	
	.head_banner img{
		width: 100%;
	}
	.banner .detail{
		padding:5% 3% 3% 3%;
		text-align: left;
		font-size: 14px;
	}
	.banner_detail{
		color: #878887;
		font-size: 13px
	}
	.float_left{
		float: left;
	}
	.clear{
		clear:both;
	}
	.example{
		margin:0 5% 7% 5%;
	}
	.example div{
		float:left;
		width: 50%
	}
	.example div div{
		/*margin: 7% 0 8% 0;*/
		height: 100px;
		padding-top: 8%;
	}
	.example img{
		height: 140px;
		width: 140px;
	}
	.search_border{
		height: 35px;
		width: 160px;
		border: 1px solid #c8c4c4;
		padding:2%;
		border-radius: 10px;
		margin:7% 0% 3% 5%;
	}
	.search_border .val{
		width: 75%;
		padding-left:10%;
	}
	.search_border input{
		width: 100%;
		border: none;
		outline:none
	}
	.float_left i{
		color:#959191;
	}
</style>
<body>
	<div class="head">
		<div class="col-xs-3"><img src="<?php echo base_url().'/public/home/images/pic/'?>detail.png" alt=""></div>
		<div class="col-xs-9"><img src="<?php echo base_url().'/public/home/images/pic/'?>logo.png" alt=""></div>
	</div>
	<div class="head_banner" style="width: 100%">
		<img src="<?php echo base_url().'/public/home/images/pic/'?>banner1.png" alt="">
	</div>
	<div class="title">
			<div class="title_font">标杆工程</div>
			<div style="height: 3px;width:13px;background: #a53942"></div>
	</div>
	<div >
		<div class="search_border  float_left">
			<div class="float_left"><i class="icon-search"></i></div>
			<div class="float_left val"><input type="text" placeholder="国家/省/市"></div>
			<div class="float_left"><i class="icon-remove"></i></div>
		</div>
		<div class="search_border float_left">
			<div class="float_left"><i class="icon-search"></i></div>
			<div class="float_left val" ><input type="text" placeholder="住宅"></div>
			<div class="float_left "><i class="icon-remove"></i></div>
			<div class="clear"></div>
		</div>		
	</div>
	<div class="clear"></div>
	<div class="banner_detail" style="margin:5% 5% 5% 5%">共四个作品&nbsp&nbsp筛选条件：住宅</div>
	<div class="content">		
		<div class="banner">
				<img src="<?php echo base_url().'/public/home/images/pic/'?>banner.png" alt="">
			<div class="detail">
				<div class="banner_title">墨西哥加尔萨加西亚CASA BC <img  style="height: 10px;width: 10px"src="<?php echo base_url().'public/home/images/'?>next.png" alt=""></div>
				<div class="banner_detail">Casa BC坐落在墨西哥东北部蒙特雷郊区的加尔萨...</div>
			</div>
		</div>
	</div>

	<div class="example">
		<div>
			<img src="https://www.51gaifang.com/Photo/UploadPhotos/201207/2012070416284624.jpg" >
			<div class="banner_detail">LE GERMAIN RESIDENCESAND HOTEL </div>
			<img src="https://www.51gaifang.com/Photo/UploadPhotos/201207/2012070416284624.jpg" >
			<div class="banner_detail">LE GERMAIN RESIDENCESAND HOTEL</div>
			<img src="https://www.51gaifang.com/Photo/UploadPhotos/201207/2012070416284624.jpg" >
			<div class="banner_detail">LE GERMAIN RESIDENCESAND HOTEL </div>
		</div>
		<div class="banner_detail">
			<p>澳大利亚悉尼海德公园住宅区</p>
			<p>央地利维也纳多磁城</p>
			<p>中国温州线城广场住宅区</p>
			<p>中国上海海治日浑公离</p>
			<p>中国珠海驾洋山庄</p>
			<p>中国北京凤屋城公窝</p>
			<p>中国宁波雅戈尔新海景</p>
			<p>香港罗便臣道31号</p>
			<p>香港慧云峰</p>
			<p>香港曼克顿山</p>
			<p>香港百合花</p>
			<p>印度孟买KALPATARU PINNACLE</p> 
			<p>印度孟买K  RAHEJA VIVAREA</p> 
			<p>印度古尔冈THE VERANDAS</p> 
			<p>约旦安曼约旦门塔</p>
			<p>享洛图卡萨布兰卡CASA GREEN TOWN</p> 
			<p>荷兰弱姆斯特丹NIEUWAMERIKA</p>
		</div>
	</div>

</body>
</html>
